.page {
  padding-bottom: 150rpx;
  background-color: var(--backgroundColor);
}
.img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250rpx;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  top: 20rpx;
  left: 50%;
  transform: translateX(-50%);
  image {
    width: 100%;
  }
}

.form {
  margin-top: 50rpx;
  padding: 10rpx 25rpx;
  .item {
    display: flex;
    height: 100rpx;
    border-bottom: 1rpx solid #ccc;
    align-items: center;
    text {
      flex: 1;
      text-align: center;
    }
    .content {
      flex: 5;
    }
    input {
      width: 100%;
      border: 1rpx solid #666;
      height: 60rpx;
      border-radius: 15rpx;
      padding-left: 20rpx;
    }
    .gender-group {
      display: flex;
      .gender-item {
        margin-right: 40rpx;
      }
    }
    .position-group {
      display: flex;
      .position-item {
        text {
          font-size: 25rpx;
        }
        padding-right: 10rpx;
      }
    }
  }
}

.submit {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rpx;
  background-color: var(--themeColor);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35rpx;
  font-weight: 500;
  border-top: 1rpx solid #666;
  .cancel {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    &::after{
      content: '';
      position: absolute;
      right: 0;
      top: 0rpx;
      border: 2rpx solid #666;
      height: 50rpx;
      &:hover {
        background-color: var(--redColor);
        color: var(--backgroundColor);
      }
    }
  }
  .check{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}